<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title></title>
	<style>
		.box {
		  width:100px;
		  height:100px;
		  background-color:#6fb936;
		  margin:10px 100px 0;
		  display:inline-block;
		}
		.600box {
		  margin-top: 10px;
		}
		.nbox {
		  display:inline-block;
		  margin: 10px auto 0;
		  width:100px;
		  height:100px;
		}
	</style>
</head>
<body>
	
	<p>右边的方块设置了透视transformPerspective，因此产生了3D效果</p>
	<div class="wrapper">
	<div class="box"></div>
	<div class="nbox box"></div>
	</div>
	
	<script src="TweenMax.min.js"></script>
	<script>
		TweenMax.set(".nbox",{x:800});
		//或者设置父级元素，使其全部子元素产生3D效果 TweenMax.set(".wrapper",{perspective:200});
		TweenMax.to(".box", 1, {x:300})
		// set暂时理解为会获取另一个动画的参数
	</script>
</body>
</html>